<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>代办任务</title>
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
<div id="Application" style="text-align:center;">
    <div>{{ count }}</div>
    <button @click="add">add</button>
</div>

<script>
    const App = {
        data() {
            return {
                count: 0
            }
        },
        computed: {
            type() {
                return this.count > 10 ? "大" : "小"
            }
        },
        methods: {
            add() {
                this.count++
            }
        }
    };
    let instance = Vue.createApp(App).mount('#Application');
    console.log("输出的type值为：" + instance.type);
</script>

</body>
</html>
